<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--图片标签img:
    src:资源路径
    相对路径：一般访问站内资源时使用
        资源和页面在同级目录：直接写文件名
        资源在页面的上级目录：../
        资源在页面的下级目录：文件夹名/文件名
    绝对路径：访问站外资源时使用，又称为图片盗链，存在找不到图片的风险

    alt:当图片不能显示时显示的文本
    title:图片标题，鼠标悬停时显示的文本

-->
<img src="a.jpg"title="这么丑，吓唬人吗？">
<!--设置百分比，是给上级元素（body）设置百分比-->
<img src="aa.jpg" alt="当图片不能显示时显示的文本" width="50%">
<!--设置图片的宽高：像素和百分比两种方式赋值
width:宽度，只设置宽度时，高度会等比例缩放
height:高度
-->
<img src="../b.jpg" width="100" height="100" >
<img src="abc/c.jpg" width="100">
<img src="https://cdn.tmooc.cn/bsfile//courseImg///5f791c0985cc4a67a5c4dca6627155b0.jpg">
</body>
</html>